import React from "react";
import {
  ChromeOutlined,
  IeOutlined,
  AlertOutlined,
  AccountBookOutlined,
  DownloadOutlined,
  SettingFilled,
} from "@ant-design/icons";
import { Button } from "antd";
import {
  flashData,
  BrowerChromeData,
  Brower360Data,
  BrowerFireFoxData,
} from "./soft.data";
import image01 from "../images/i_flash_center.png";
import i_chrome from "../images/i_chrome.png";
import i_firefox from "../images/i_firefox.png";
import img_browser360 from "../images/img_browser360.png";
import img_card_system from "../images/img_card_system.png";
import img_read_card from "../images/img_read_card.png";
import read_card_li_icon from "../images/read_card_li_icon.png";
import icon_flash from "../images/icon_flash.png";
import icon_flash_center from "../images/icon_flash_center.png";
import icon_chrome from "../images/icon_chrome.svg";
import icon_firefox from "../images/icon_firefox.svg";
import icon_ant_design from "../images/icon_ant_design.svg";
import icon_dun from "../images/icon_dun.png";
import icon_help from "../images/helpLogo.svg";

export const Nav00DataSource = {
  wrapper: { className: "header0 home-page-wrapper" },
  page: { className: "home-page" },
  logo: {
    className: "header0-logo",
    children: "https://os.alipayobjects.com/rmsportal/mlcYmsRilwraoAe.svg",
  },
  Menu: {
    className: "header0-menu",
    children: [],
  },
  mobileMenu: { className: "header0-mobile-menu" },
};
export const Banner31DataSource = {
  wrapper: { className: "banner3" },
  textWrapper: {
    className: "banner3-text-wrapper",
    children: [
      {
        name: "slogan",
        className: "banner3-slogan",
        children: "内网常用的一些软件",
      },
      {
        name: "name",
        className: "banner3-name",
        children: (
          <span>
            <span>
              <p>上面的部门又不解决，只好自己想办法</p>
            </span>
          </span>
        ),
      },
      {
        name: "time",
        className: "banner3-time",
        children: (
          <span>
            <p>记得往下滑一下</p>
            <Button
              type="primary"
              shape="round"
              size="large"
              onClick={() =>
                document.querySelector("#Feature0_0").scrollIntoView()
              }
            >
              点击也可以往下滑
            </Button>
          </span>
        ),
      },
    ],
  },
};
export const Feature00DataSource = {
  wrapper: { className: "home-page-wrapper content0-wrapper" },
  page: { className: "home-page content0" },
  OverPack: { playScale: 0.3, className: "" },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "title",
        children: (
          <span>
            <p>我是导航</p>
          </span>
        ),
      },
    ],
  },
  childWrapper: {
    className: "content0-block-wrapper",
    children: [
      {
        name: "block0",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              href: "#flash",
              className: "content0-block-icon",
              children: icon_flash,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>FLASH</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>祖传的卡管系统需要</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block1",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              href: "#flash_center",
              className: "content0-block-icon",
              children: icon_flash_center,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>FLASH中心</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>左边那个更新了还不行的话用这个修复</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block2",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              href: "#chrome",
              className: "content0-block-icon",
              children: icon_chrome,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>chrome浏览器</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>除祖传的卡管系统外都能运行</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block3",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              className: "content0-block-icon",
              href: "#Browser360",
              children: img_browser360,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>360极速版浏览器</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>经典双核浏览器</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block13",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              className: "content0-block-icon",
              href: "#firefox",
              children: icon_firefox,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>firefox浏览器</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>全球windows能运行的唯二内核的浏览器</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block4",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              className: "content0-block-icon",
              href: "#card_system",
              children: icon_ant_design,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>自己开发的系统</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>基本移植了除读社保卡卡以外的功能</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block5",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          href: "#read_card",
          children: [
            {
              name: "image",
              href: "#read_card",
              className: "content0-block-icon",
              children: img_read_card,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <p>身份证读卡软件</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>基于州上的身份证读卡器2次开发，联动前面那个</p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block6",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              href: "/#Script",
              className: "content0-block-icon",
              children: icon_dun,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <span>
                    <p>州上网络安全方面的东东</p>
                  </span>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>立刻，马上，滑溜~的运行</p>
                </span>
              ),
            },
          ],
        },
      },

      {
        name: "block7",
        className: "content0-block",
        md: 8,
        xs: 24,
        children: {
          className: "content0-block-item",
          children: [
            {
              name: "image",
              href: "/doc/",
              className: "content0-block-icon",
              children: icon_help,
            },
            {
              name: "title",
              className: "content0-block-title",
              children: (
                <span>
                  <span>
                    <p>业务帮助文档</p>
                  </span>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p>卡管系统操作的简单文档</p>
                </span>
              ),
            },
          ],
        },
      },
    ],
  },
};

export const FlashDataSource = {
  flash_version: flashData.flashVersion,
  softName: flashData.softName,
  softName301: flashData.softName301,
  softName267: flashData.softName267,
  specialSoftName: flashData.specialSoftName,
  wrapper: {
    className: "home-page-wrapper flash-wrapper lpuj38dblxg-editor_css",
  },
  OverPack: { className: "home-page flash", playScale: 0.3 },
  imgWrapper: { className: "flash-img", md: 10, xs: 24 },
  img: {
    children: "https://zos.alipayobjects.com/rmsportal/tvQTfCupGUFKSfQ.png",
  },
  textWrapper: { className: "flash-text center", md: 10, xs: 24 },
  title: {
    className: "flash-title",
    children: (
      <span>
        <span>
          <p>Flash Player</p>
        </span>
      </span>
    ),
  },
  content: {
    className: "flash-content",
    children: (
      <span>
        <p>辣鸡IE6祖传的卡管系统必须要用的，从了它吧，只能安装了</p>
        <p>
          <span>{`版本：${flashData.flashVersion}`}</span>
          <span>{`发布时间：${flashData.date}`}</span>
        </p>
        <p>截止11月：目前官网还未更新,州级部门无人处理</p>
        <p>
          省级部门答复：如果已提示需要安装最新版的，可以尝试卸载所有flash相关软件后，安装历史版本(请自己尝试需要安装的版本)
        </p>
        <p>
          特殊版本为开源项目：移除时间炸弹的版本（非官方版本）。
          <br />
          非省级部门的解决方案，但应该能解决问题。愿不愿意用随意
        </p>
      </span>
    ),
  },
};
export const FlashCenterDataSource = {
  wrapper: {
    className: "home-page-wrapper flash_center-wrapper feature3_class01",
  },
  OverPack: { className: "home-page flash_center", playScale: 0.3 },
  imgWrapper: { className: "flash_center-img", md: 10, xs: 24 },
  img: {
    children: image01,
  },
  textWrapper: { className: "flash_center-text center", md: 10, xs: 24 },
  title: {
    className: "flash_center-title",
    children: (
      <span>
        <span>
          <p>Flash Center(不建议再用)</p>
        </span>
      </span>
    ),
  },
  content: {
    className: "flash_center-content",
    children: (
      <span>
        <p>不建议再用：仅做留存</p>
      </span>
    ),
  },
};
export const Content130DataSource = {
  OverPack: {
    className: "home-page-wrapper content13-wrapper lpthx3bof1p-editor_css",
    playScale: 0.3,
    replay: true,
  },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "image",
        children:
          "https://gw.alipayobjects.com/zos/rmsportal/PiqyziYmvbgAudYfhuBr.svg",
        className: "title-image",
      },
      {
        name: "title",
        children: (
          <span>
            <span>
              <p>Flash Center</p>
            </span>
          </span>
        ),
        className: "title-h1",
      },
      {
        name: "content",
        children:
          "特色展台包括 Ant Design 、AntV、AntG、Egg 等明星产品，更有产品专家",
        className: "title-content",
      },
      {
        name: "content2",
        children: "现场问诊，为你答疑解难",
        className: "title-content",
      },
    ],
  },
};
export const ChromeDataSource = {
  ...BrowerChromeData,
  wrapper: { className: "home-page-wrapper chrome-wrapper" },
  OverPack: { playScale: 0.3, className: "home-page chrome" },
  imgWrapper: { className: "chrome-img-wrapper", md: 12, xs: 24 },
  img: {
    className: "chrome-img",
    name: "image",
    children: i_chrome,
  },
  childWrapper: {
    className: "chrome-text-wrapper",
    md: 12,
    xs: 24,
    children: [
      {
        name: "title",
        children: (
          <span>
            <p>Chrome浏览器</p>
          </span>
        ),
        className: "chrome-title",
      },
      {
        name: "content",
        children: (
          <>
            <p>目前chromium版本号 {BrowerChromeData.chromiumVersion64}+</p>
            <p>更新时间 {BrowerChromeData.date64}</p>
            <p>前两个仅支持win10及以上系统，其他系统请下载下面那个</p>
            <p style={{ marginTop: 10 }}>
              <p>⚠第三、四个是linux版本，给国产系统用的</p>
              <p>⚠第三个适用于Debian/Ubuntu改的D版系列的国产系统</p>
              <p>⚠第四个适用于Fedora/openSUSE改的R版系列的国产系统</p>
            </p>
          </>
        ),
        className: "chrome-content",
      },
      {
        name: "content",
        children: "除祖传的IE6时代的卡管系统外都能运行，请按系统版本安装。",
        className: "chrome-content",
      },
    ],
  },
};
export const FireFoxDataSource = {
  ...BrowerChromeData,
  wrapper: { className: "home-page-wrapper firefox-wrapper" },
  OverPack: { playScale: 0.3, className: "home-page firefox" },
  imgWrapper: { className: "firefox-img-wrapper", md: 12, xs: 24 },
  img: {
    className: "firefox-img",
    name: "image",
    children: i_firefox,
  },
  childWrapper: {
    className: "firefox-text-wrapper",
    md: 12,
    xs: 24,
    children: [
      {
        name: "title",
        children: (
          <span>
            <p>firefox浏览器</p>
            <p>又名火狐浏览器</p>
          </span>
        ),
        className: "firefox-title",
      },
      {
        name: "content",
        children: (
          <>
            <p>目前版本号 {BrowerFireFoxData.Version64}+</p>
            <p>更新时间 {BrowerFireFoxData.date64}</p>
            <p>支持win7及以上系统</p>
            <p>⚠️win7仅支持到2025年9月</p>
            <p style={{ marginTop: 10 }}>⚠️第三个是linux版本，解压即用</p>
          </>
        ),
        className: "firefox-content",
      },
      {
        name: "content",
        children: "除祖传的IE6时代的卡管系统外都能运行，请按系统版本安装。",
        className: "firefox-content",
      },
    ],
  },
};
export const Browser360DataSource = {
  ...Brower360Data,
  wrapper: { className: "home-page-wrapper Browser360-wrapper" },
  OverPack: { className: "home-page Browser360" },
  textWrapper: { className: "Browser360-text", xs: 24, md: 10 },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "title",
        children: (
          <span>
            <p>360极速浏览器</p>
          </span>
        ),
        className: "title-h1",
      },
      {
        name: "content",
        className: "title-content",
        children: (
          <span>
            <p>360极速浏览器X正式版</p>
            <p>{`更新日期：${Brower360Data.date64}`}</p>
          </span>
        ),
      },
    ],
  },
  img: {
    children: img_browser360,
    className: "Browser360-img",
    xs: 24,
    md: 14,
  },
  block: {
    children: [
      {
        name: "block0",
        img: <ChromeOutlined spin className="Browser360-icon" />,
        title: {
          className: "Browser360-title",
          children: "chromium内核，俗称极速模式",
        },
        content: {
          className: "Browser360-content",
          children: `基于chromium ${Brower360Data.chromiumVersion64} 版本内核(64位)`,
        },
      },
      {
        name: "block1",
        img: <IeOutlined className="Browser360-icon" />,
        title: {
          className: "Browser360-title",
          children: "IE内核，又叫兼容模式",
        },
        content: {
          className: "Browser360-content",
          children:
            "微软于2023年2月在系统中移除了IE浏览器，但是省上不解决这个问题，祖传的卡管系统必须得用IE内核的浏览器，只能用双核浏览器的IE模式运行",
        },
      },
      {
        name: "block2",
        img: <AlertOutlined className="Browser360-icon icon-animation" />,
        title: { className: "Browser360-title", children: "注意" },
        content: {
          className: "Browser360-content",
          children: (
            <div>
              <div>
                ※最新版360极速浏览器(64位和32位)不支持IE模式的书签脚本，目前解方案：先切chromium内核，登陆了再切回去。听懂掌声
              </div>
              <div>
                ※历史版本：32位版本。chromium版本是86，但可以在64位操作系统中安装，和64位版本的360浏览器共同使用
              </div>
            </div>
          ),
        },
      },
    ],
  },
};
export const CardSystemDataSource = {
  wrapper: { className: "home-page-wrapper CardSyetem" },
  OverPack: { className: "home-page CardSyetem" },
  page: { className: "home-page CardSyetem-page" },
  childWrapper: {
    className: "CardSyetem-title-wrapper",
    children: [
      {
        name: "title",
        children: "基于Ant Design Pro二次开发的卡管系统",
        className: "CardSyetem-title",
      },
      {
        name: "content",
        className: "CardSyetem-content",
        children: (
          <div>
            <div>
              支持chrome,基本移植了除读社保卡卡以外的所有功能。方便，快捷
            </div>
            <div className="hehe">反正这个也没人用，那就XGB乱写了</div>
          </div>
        ),
      },
    ],
  },
  image: {
    className: "CardSyetem-image",
    children: img_card_system,
  },
};
export const ReadCardDataSource = {
  wrapper: { className: "home-page-wrapper ReadCard-wrapper" },
  OverPack: { className: "home-page ReadCard" },
  textWrapper: { className: "ReadCard-text", xs: 24, md: 10 },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "title",
        children: (
          <span>
            <p>身份证读卡软件</p>
          </span>
        ),
        className: "title-h1",
      },
      {
        name: "content",
        className: "title-content",
        children: (
          <div>
            <div>基于州上派发的身份证读卡器附带拍纸的那个的二次开发</div>
            <div>联动上面那个可以实现0输入即可查询</div>
            <div>记得先装下面那两个</div>
          </div>
        ),
      },
    ],
  },
  img: {
    children: img_read_card,
    className: "ReadCard-img",
    xs: 24,
    md: 14,
  },
  block: {
    children: [
      {
        name: "block0",
        img: {
          children: read_card_li_icon,
          className: "ReadCard-icon",
        },
        title: { className: "ReadCard-title", children: "读卡器SDK" },
        content: {
          className: "ReadCard-content",
          children: {
            name: "LogButton",
            className: "script-block-icon",
            isLogButton: true,
            children: {
              type: "primary",
              shape: "round",
              size: "large",
              softName: "eloam2.2.exe",
            },
          },
        },
      },
      {
        name: "block1",
        img: {
          children: read_card_li_icon,
          className: "ReadCard-icon",
        },
        title: { className: "ReadCard-title", children: "Framework4.7.2" },
        content: {
          className: "ReadCard-content",
          children: {
            name: "LogButton",
            className: "script-block-icon",
            isLogButton: true,
            children: {
              type: "primary",
              shape: "round",
              size: "large",
              softName: "framework4.7.2.exe",
            },
          },
        },
      },
      {
        name: "block2",
        img: {
          children: <AccountBookOutlined className="ReadCard-icon" />,
        },
        title: { className: "ReadCard-title", children: "广告位招租" },
        content: {
          className: "ReadCard-content",
          children: <div></div>,
        },
      },
    ],
  },
};
export const Feature41DataSource = {
  wrapper: { className: "home-page-wrapper content6-wrapper" },
  OverPack: { className: "home-page content6" },
  textWrapper: { className: "content6-text", xs: 24, md: 10 },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "title",
        children: "蚂蚁金融云提供专业的服务",
        className: "title-h1",
      },
      {
        name: "content",
        className: "title-content",
        children: "基于阿里云计算强大的基础资源",
      },
    ],
  },
  img: {
    children: "https://zos.alipayobjects.com/rmsportal/VHGOVdYyBwuyqCx.png",
    className: "content6-img",
    xs: 24,
    md: 14,
  },
  block: {
    children: [
      {
        name: "block0",
        img: {
          children:
            "https://zos.alipayobjects.com/rmsportal/NKBELAOuuKbofDD.png",
          className: "content6-icon",
        },
        title: { className: "content6-title", children: "技术" },
        content: {
          className: "content6-content",
          children:
            "丰富的技术组件，简单组装即可快速搭建金融级应用，丰富的技术组件，简单组装即可快速搭建金融级应用。",
        },
      },
      {
        name: "block1",
        img: {
          className: "content6-icon",
          children:
            "https://zos.alipayobjects.com/rmsportal/xMSBjgxBhKfyMWX.png",
        },
        title: { className: "content6-title", children: "融合" },
        content: {
          className: "content6-content",
          children:
            "解放业务及技术生产力，推动金融服务底层创新，推动金融服务底层创新。解放业务及技术生产力，推动金融服务底层创新。",
        },
      },
      {
        name: "block2",
        img: {
          className: "content6-icon",
          children:
            "https://zos.alipayobjects.com/rmsportal/MNdlBNhmDBLuzqp.png",
        },
        title: { className: "content6-title", children: "开发" },
        content: {
          className: "content6-content",
          children:
            "符合金融及要求的安全可靠、高可用、高性能的服务能力，符合金融及要求的安全可靠、高可用、高性能的服务能力。",
        },
      },
    ],
  },
};
export const ScriptDataSource = {
  wrapper: { className: "home-page-wrapper script-wrapper" },
  page: { className: "home-page script" },
  OverPack: { playScale: 0.0, className: "" },
  titleWrapper: {
    className: "title-wrapper",
    children: [
      {
        name: "title",
        children: (
          <span>
            <h2>州上给的网络安全方面的东东</h2>
            <p>由州级部门著名网络安全专家郭振海提供</p>
            <p className="gou_yan">bat脚本请右键点击,"以管理员身份运行"</p>
          </span>
        ),
      },
    ],
  },
  childWrapper: {
    className: "script-block-wrapper",
    children: [
      {
        name: "block0",
        className: "script-block",
        md: 8,
        xs: 24,
        children: {
          className: "script-block-item",
          children: [
            {
              name: "image",
              href: "http://10.182.248.15",
              target: "_blank",
              className: "script-block-icon",
              children: icon_dun,
            },
            {
              name: "title",
              className: "script-block-title",
              children: (
                <span>
                  <span>
                    <p>州上的天融信安全软件</p>
                  </span>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p></p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block1",
        className: "script-block",
        md: 8,
        xs: 24,
        children: {
          className: "script-block-item",
          children: [
            {
              name: "LogButton",
              className: "script-block-icon",
              isLogButton: true,
              children: {
                type: "primary",
                shape: "round",
                size: "large",
                softName: "ClosePort_Webserver.bat",
              },
            },
            {
              name: "title",
              className: "script-block-title",
              children: (
                <span>
                  <p>关闭web服务端口</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p></p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block2",
        className: "script-block",
        md: 8,
        xs: 24,
        children: {
          className: "script-block-item",
          children: [
            {
              name: "LogButton",
              className: "script-block-icon",
              isLogButton: true,
              children: {
                type: "primary",
                shape: "round",
                size: "large",
                softName: "ClosePort.bat",
              },
            },
            {
              name: "title",
              className: "script-block-title",
              children: (
                <span>
                  <p>关闭风险端口</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p></p>
                </span>
              ),
            },
          ],
        },
      },
      {
        name: "block3",
        className: "script-block",
        md: 8,
        xs: 24,
        children: {
          className: "script-block-item",
          children: [
            {
              name: "LogButton",
              className: "script-block-icon",
              isLogButton: true,
              children: {
                type: "primary",
                shape: "round",
                size: "large",
                softName: "Block_Traceroute_and_ICMP.bat",
              },
            },
            {
              name: "title",
              className: "script-block-title",
              children: (
                <span>
                  <p>ICMP漏洞处理批处理文件</p>
                </span>
              ),
            },
            {
              name: "content",
              children: (
                <span>
                  <p></p>
                </span>
              ),
            },
          ],
        },
      },
    ],
  },
};
export const Footer00DataSource = {
  wrapper: { className: "home-page-wrapper footer0-wrapper" },
  OverPack: { className: "home-page footer0", playScale: 0.05 },
  copyright: {
    className: "copyright",
    children: (
      <span>
        ©2018 <a href="https://motion.ant.design">Ant Motion</a> All Rights
        Reserved
      </span>
    ),
  },
};
